<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p class="nowtime"></p>
    <script>
        // var time = new Date;
        // var str = `今天是${time.getFullYear()}年${time.getMonth()+1}月${time.getDate()}日${time.getHours()}时${time.getMinutes()}分${time.getSeconds()}秒`
        // document.getElementsByClassName("nowtime")[0].innerHTML = str


        // 1.倒计时定时器 倒计时一段时间后执行代码
        // setTimeout(function(){
            // 倒计时之后执行的代码
            // document.getElementsByClassName("nowtime")[0].innerHTML = str
        // },1000);  //倒计时时间 但是是毫秒
        // document.onclick = function(){
        //     setTimeout(function(){
        //     // 倒计时之后执行的代码
        //         console.log(1111);
        //     },2000); 
        // }




       // 2.间隔定时器 :间隔一段时间执行代码
        // setInterval(function(){
        //     document.getElementsByClassName("nowtime")[0].innerHTML = str
        // },1000);



        function nowtimes(){
            var time = new Date;
        var str = `今天是${time.getFullYear()}年${time.getMonth()+1}月${time.getDate()}日 ；${time.getHours()}时${time.getMinutes()}分${time.getSeconds()}秒`
            // console.log(str);
            // document.write(str);
            document.getElementsByClassName("nowtime")[0].innerHTML = str;
        }
        nowtimes()
        setInterval(function(){
           nowtimes()
        }, 1000);
    </script>
</body>
</html>